<template>
    <div class="common-layout">
      <el-container>
        <el-aside width="auto">
            <!-- 2.使用组件 -->
            <Ln/>
        </el-aside>
        <el-container>
          <el-header>
              <Tr/>
          </el-header>
          <el-main>Main</el-main>
        </el-container>
      </el-container>
    </div>
  </template>
  <script setup>
  // 1.引用组件
      import Ln from "./components/LeftNav.vue"
      import Tr from "./components/TopRight.vue"
  </script>
  <style lang="scss">
  .common-layout{
      .el-aside{
          background-color: pink;
      }
      .el-header{
          background-color: gold;
      }
      .el-main{
          background-color: burlywood;
      }
  }
  // 高度100%
  .el-aside,.el-container,.common-layout,#app,body,html{
      height: 100%;
  }
  </style>